.VideoTypeList001 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	position: relative;

	& > .Options {
		position: absolute;
		left: 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;

		& > div {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 16px;

			& > div:first-child {
				width: 100px;
				text-align: right;
				margin-right: 8px;
				font-size: 14px;
				font-family: ShuHeiTi;
				font-weight: bold;
				color: #b7e9fa;
			}
		}

		&:last-child {
			margin-right: 160px;
		}
	}

	& > .List {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		& > .Video {
			width: 100%;
			flex: 1;
			margin-bottom: 16px;
			display: flex;
			align-items: center;
			justify-content: center;

			& > div {
				margin: 0 8px;
				height: 100%;
				width: calc(100% / 3 - 16px);
			}
		}

		& > .pagination {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}
	}
}

.VideoTypeList002 {
	width: 100%;
	height: 100%;
	padding: 16px;

	.ant-result {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		.ant-result-title {
			color: white;
		}
	}

	.Options {
		height: 60px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;

		& > div:first-child {
			width: 100px;
			text-align: right;
			margin-right: 8px;
			font-size: 14px;
			font-family: ShuHeiTi;
			font-weight: bold;
			color: #b7e9fa;
		}

		&:last-child {
			margin-right: 160px;
		}
	}
	& > .List {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: baseline;
		justify-content: center;
		flex-direction: column;

		& > div {
			width: 100%;

			&.Table {
				flex: 1;

				& > div {
					width: 100%;
					height: 40px;
					display: flex;
					align-items: center;
					justify-content: space-between;
					border-bottom: 1px solid var(--ItemTitleTwoModalTableThBack);
					cursor: pointer;
					padding: 0 16px;

					& > div {
						font-size: 16px;
						font-family: Microsoft YaHei;
						font-weight: bold;
						color: #ffffff;
					}
				}
			}
		}
	}
}
